body{ overflow-x:hidden;}
body,td{font-size:14px; color:#555; font-family:Microsoft YaHei; font-family:微软雅黑;}
a{color:#555; text-decoration:none; font-size:14px;}
a:hover{color:#f5952e; text-decoration:underline;}
body,div,ul,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th{ margin:0; padding:0;}
dl,dt,dd{margin:0px; padding:0px; list-style:none;}
ul,li{list-style:none;}
em,i{font-style:normal;}
/*图片没有边框   去掉图片底侧的空白缝隙*/
img {max-width: 100%;height: auto;border: 0;vertical-align: middle;transition: all 0.4s;}
.cl{clear:both;}
.fl{float:left;}
.fr{float:right;}

/*面包屑导航*/
.strong_title{ display:none;}
#webdh{width:100%!important;}
#bodycon{ margin-top:30px;}
.mianbxContent{text-align:left !important; height:35px!important; line-height:35px!important; padding-bottom:8px; margin-bottom:20px !important; border-bottom:1px solid #e1e0e0; background:url(../images/xdt.png) left 8px no-repeat; text-indent:2em;}
.mianbxContent,.mianbxContent a{ color:#666; font-size:16px;}
.nybanner{
    width:100%; height:300px; 
}

/*翻页显示方式*/
.pages_info{ padding:0 !important;}
.pages_box { font-size:0; margin-top:30px;text-align: center;}
.pages_box a{ vertical-align:top; display:inline-block; padding:0 10px; height:26px; line-height:28px; border:1px solid #e5e5e5; text-align:center; margin:0 2px;background: #fff; font-size:14px; color:#222;}
.pages_box .page_curr{ border-color:#f5952e; background:#f5952e; color:#fff;}
.pages_box .page_curr:hover{ color:#fff;}
.pages_box a:hover{border-color:#f5952e; background:#f5952e; color:#fff;}
.total{ border:1px solid #e5e5e5; padding:0 10px; color:#222;}
.prod_listw{ width:100%; background:#fff; padding-top:0px; padding-bottom:30px; border-bottom:solid 1px #eee; margin-top:20px}
.iconfont { font-family:"iconfont" !important; font-size:16px; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
select{ height:28px; line-height:28px; border:1px solid #e5e5e5; text-align:center; color:#222; font-weight:normal !important;}


#bodycon {
	/* width: 1400px; */
	margin: 30px auto;
    display: flex;
    justify-content: space-between;
}
#bodycon #left {
	width: 290px;
}

#bodycon #center {
	width: 1110px;
}

#bodycon #right {
	float: left;
	width: 0px;
}
.clear {
	clear: both;
	height: 0;
	overflow: hidden;
	display: block;
}
@media screen and (max-width: 1500px){
	#bodycon #center {
		float: left;
		flex: 1;
	}

}
@media screen and (max-width: 1200px){
.nybanner{
    height: 160px; 
    background-size: cover !important;
}
#bodycon {
    margin-top: 12px;
}
#left{display: none;}
#bodycon #center{flex: none;width: 100%;}
}

@media screen and (max-width: 992px){
    .mianbxContent {
        text-align: left !important;
        height: 24px!important;
        line-height: 24px!important;
        padding-bottom: 8px;
        margin-bottom: 20px !important;
        border-bottom: 1px solid #e1e0e0;
        background: url(../images/xdt.png) left 2px no-repeat;
        text-indent: 24px;
    }
    .mianbxContent, .mianbxContent a {
        color: #666;
        font-size: 14px;
    }
}
@media screen and (max-width: 580px){
    .nybanner {
        height: 120px;
        background-size: cover !important;
    }
}

/*字体*/
@font-face {
    font-family:neutraface2;
    src: url(//cdn.dg.114my.cn/font/neutraface2/neutraface2.ttf),
         url(//cdn.dg.114my.cn/font/neutraface2/neutraface2.eot),
         url(//cdn.dg.114my.cn/font/neutraface2/neutraface2.otf),
         url(//cdn.dg.114my.cn/font/neutraface2/neutraface2.woff),
         url(//cdn.dg.114my.cn/font/neutraface2/neutraface2.woff2);
    }
    @font-face {
    font-family:DIN Medium;
    src:url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.ttf),
         url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.eot),
         url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.otf),
         url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.woff),
         url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.woff2);
    }
    @font-face {
    font-family:Tw Cen MT;
    src: url(//cdn.dg.114my.cn/font/TwCenMT/TwCenMT.ttf),
         url(//cdn.dg.114my.cn/font/TwCenMT/TwCenMT.eot),
         url(//cdn.dg.114my.cn/font/TwCenMT/TwCenMT.otf),
         url(//cdn.dg.114my.cn/font/TwCenMT/TwCenMT.woff),
         url(//cdn.dg.114my.cn/font/TwCenMT/TwCenMT.woff2);
    }
.w1400{
    margin:0 auto; max-width:1400px;width: 96%;
}

/*抬头*/
.headbg{width:100%; background:rgba(64,83,102,1);}
.head{display: flex;justify-content: space-between;align-items: center;}
.logo img{height: 68px;}
/*导航*/
.nav ul{ display: flex;}
.nav li{ position:relative; height:66px; margin-top:41px; margin-left:36px; text-align:center;}
.nav li > a{display:block; font-size:16px; line-height:16px; color:#fff; text-decoration:none;}
.nav li > a span{display:block; margin-top:10px; font-size:12px; line-height:12px; color:#b1b6bc; font-family:Arial;}
.nav li > a:hover,.nav li > a:hover span{color:#f5952e; -webkit-transition:0.4s all ease-in-out; transition:0.4s all ease-in-out;}
.nav li > a:after{content:''; display:block; margin-top:25px; width:0; height:3px; background:#f5952e; transition:0.4s;}
.nav li > a:hover:after{width:100%;}
.nav li > a.navcurrent,.nav li a.navcurrent span{color:#f5952e;}
.nav li > a.navcurrent:after{width:100%;}
/*下拉*/
.nav li dl{ position:absolute; top:66px; left:0px; z-index:99; opacity:0; background:#3d4f62; transition:opacity .25s ease .1s;}
.nav li:hover dl{ opacity:1;}
.nav li dl dt{ height:0; overflow:hidden; transition:height .25s ease .1s;}
.nav li:hover dl dt{ overflow:visible; height:40px;}
.nav li dl dt a{ display:block; padding:0 15px; width:100px; border-bottom:1px solid rgba(255,255,255,0.5); font-size:14px; color:#FFF; line-height:40px; text-decoration:none;}
.nav li dl dt a:hover { background:#f5952e;}
.nav li:nth-child(4) dl dt a{ width:160px;}


/*底部*/
.bottombg{width:100%; background:url(../images/20210928143605_779948266.jpg);}
.bottom{display: flex;justify-content: space-between;flex-wrap: wrap;}
.bottom_fl{ margin-top:95px;}
.bottom_tit{font-size:24px; line-height:40px; color:#fff;}
.bottom_tit span{font-family:Arial;}
.bottom_nav{margin-top:21px;}
.bottom_nav li{float:left;}
.bottom_nav li+li{margin-left:126px;}
.bottom_nav li a{display:inline-block; color:#fff; padding-left:15px; background:url(../images/botxts.png) left center no-repeat;}
.bottom_nav li a{margin-top:26px;}
.bottom_nav li a:nth-child(1){margin-top:0;}

.bottom_mid{margin-top: 90px; }
.bottom_logo{margin-left: -4px;}
.bottom_qrcode{margin-top:44px;display: flex;}
.bottom_qrcode dl{text-align:center;}
.bottom_qrcode dl+dl{margin-left:30px;}
.bottom_qrcode dt img{width:105px;display: block;}
.bottom_qrcode dd{margin-top:18px; color:#fff;}

.contact{margin-top:95px;}
.contact_txt{margin-top:15px; line-height:36px; color:#fff;}
/*版权*/
.copyrightbg{width:100%; margin-top:65px; border-top:1px solid rgba(255,255,255,0.3);}
.copyright{display: flex;justify-content: space-between;flex-wrap: wrap;}
.copyright_cont{line-height: 40px;padding: 20px 0px; color:#999;}
.copyright_cont a{color:#999;}
.links{display: flex;}
.links1{color:#fff; line-height:80px;}
.links2{ width:267px; height:80px; overflow:hidden;}

@media screen and (max-width: 992px){
    .links{flex-wrap: wrap;}
    .links1{line-height: 40px;font-size: 13px;}
    .linkTagcs li {padding-right: 8px !important;  line-height: 40px !important;}
    .links2{    width: 100%;height: auto;}
}

/* 手机端 */
.mb_btn *{box-sizing: border-box;}
.mb_btn{
	display: none;
}
#navToggle {
    height: 50px;
	padding: 9px 0px 9px 15px;
    display: inline-block;
}
#navToggle span {
    position: relative;
    width: 25px;
    height: 2px;
	margin-top: 16px;
	transition: 0.3s;
    display: block;
    background: #fff;
}
#navToggle span:after{
    bottom: 10px;
}
#navToggle span:after,#navToggle span:before{
    transition: 0.3s;
    display: block;
    background: #fff;
	content: '';
    position: relative;
    width: 100%;
    height: 2px;
    left: 0;
}
#navToggle span:before {
    top: 8px;
}

.a_txt {
    display: block;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 0px;
    height: 0px;
    overflow: hidden;
    z-index: 10000
}
.a_txt .div1 {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #234488;
    opacity: 0;
    left: 0px;
    top: 0px;
    z-index: 1
}
.a_txt .div2 {
    position: absolute;
    width: 20%;
    left: 0px;
    top: 3%;
    z-index: 100;
    text-align: right;
    opacity: 0
}
.a_txt .div3 {
    position: absolute;
    width: 80%;
    right: 0px;
    top: 0px;
    background: #fff;
    height: 100%;
    z-index: 100;
    right: -80%
}
.a_txt .div3 ul {
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 30px;
}
.a_txt .div3 ul li {border-bottom: 1px solid #e9e9e9;}
.mblink_item {display: flex;}
.mblink_itema{
    height: 60px;
    display: flex;
    align-items: center;
    flex: 1;
    font-size: 16px;
    color: #333;
}
.mblink_itematxt {
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.mblink_itemi {
    height: 60px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #000;
    font-weight: 700;
    cursor: pointer;
}
.a_txt2 {
    display: none;
    padding-bottom: 30px;
}
.a_txt2 a {
    padding: 0 20px;
    font-size: 14px;
    display: block;
    height: 36px;
    line-height: 36px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.a_closed img {
    margin-right: 20px;
    display: inline-block;
    width: 22px;
}
@media screen and (max-width: 1400px){
    .nav li{margin-left: 25px;}
}
@media screen and (max-width: 1200px){
    .mb_btn{display: flex; align-items: center; }
    .nav{display: none !important;}
}

@media screen and (max-width: 992px){
    .logo img { height: 40px; }
    /* 底部 */
    .bottom_fl,.bottom_mid{display: none !important;}
    .contact{ margin-top: 36px;}
    .bottom_tit{font-size: 24px;line-height: 32px;}
    .contact_txt{margin-top: 10px;line-height: 30px;}

    .copyrightbg{padding-bottom: 50px;margin-top: 25px;}
    .copyright_cont {line-height: 24px;}

}